<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title>vue 动态加载图片</title>
	
	<style>
		.qwe {width: 300px;min-height: 200px;border: 3px solid salmon;}
		.qwe img {width: 100%;}
	</style>
</head>
<body>
	<div id="demo">
		<div class="asd">ceshi</div>
		<div class="qwe" >
			<!-- <img v-attr="src: url"> -->
			<img :src=url>
		</div>
	</div>

<script src="./lib/vue.min.js"></script>
<script>
	
	new Vue({
		el:'#demo',
		data:{
			'url':'http://p1.so.qhmsg.com/t01d1765e60468e8ca6.jpg'
		},
		beforeCreate:function(ev) {
			// console.log(ev);
		},
		created:function(ev) {
			console.log(this.$el)
		},
		mounted:function() {
			console.log(this.$el);
		}
	})

	
</script>
	
	
</body>
</html>